@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
img { vertical-align: top; }
a, a:link { color: #040404; text-decoration: none; }
a:visited { color: #040404; }
a:hover { color: #040404; }
a:active { color: #040404; }
* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}
.clearfix:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}
/*------------------------------------------------------------
body
------------------------------------------------------------*/

body { color: #000; font-size: 14px; line-height: 2; text-size-adjust: none; -webkit-text-size-adjust: none; background-color: #FFF; font-family: "微软雅黑", "宋体", "黑体"; overflow-x: hidden; }
#container { text-align: left; }
.fl { float: left; }
.fr { float: right; }
.container { width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; }
img { width: 100%; }
table td { padding: 5px !important; border: 1px solid #dedede !important; }
/*------------------------------------------------------------
	头部
------------------------------------------------------------*/

#gHeader .heaTop { line-height: 40px; height: 40px; background: #F5F6F7; }
#gHeader .heaTop .fr a { display: inline-block; padding: 0 10px; color: #333; line-height: 16px; }
#gHeader .heaMidd { padding: 10px 0; }
#gHeader .heaMidd .logo { width: 450px; }
#gHeader .heaMidd .text1 { padding-left: 20px; margin-left: 15px; border-left: 1px solid #ddd; text-align: center; line-height: 30px; }
#gHeader .heaMidd .text1 strong { font-size: 22px; color: #208bdf; font-family: "微软雅黑" }
#gHeader .heaMidd .text1 p { font-size: 18px; }
#gHeader .heaMidd .tel span.icon { display: block; float: left; width: 45px; margin-right: 6px; margin-top: 11px; }
#gHeader .heaMidd .tel .text { float: left; }
#gHeader .heaMidd .tel p { font-size: 16px; color: #333; }
#gHeader .heaMidd .tel strong { font-size: 28px; font-weight: 500; color: #208bdf; line-height: 1; }
/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/

#gNavi { background: #208bdf; height: 65px; line-height: 65px; }
#gNavi li { width: 12.5%; float: left; text-align: center; position: relative; }
#gNavi li a { display: block; color: #fff; font-size: 16px; }
#gNavi li:hover>a { background: #065b84; }
#gNavi li.on>a { background: #065b84; }
#gNavi li .drop { position: absolute; left: 0; top: 65px; right: -30px; background: rgba(0, 0, 0, .3); display: none; z-index: 100; }
#gNavi li .drop a { line-height: 40px; font-size: 15px; }
.htoBox { background: #F2F2F2; padding: 20px 0 }
.htoBox .hot li { display: inline-block; font-size: 16px; line-height: 40px; }
.htoBox .hot li img { width: 20px; margin-right: 10px; vertical-align: middle; }
.htoBox .hot li a { display: block; padding: 0 10px; font-size: 15px; }
.htoBox .container { position: relative; }
.htoBox .hForm { width: 300px; height: 40px; background: #333; position: relative; border: 1px solid #eee; background: #fff; box-sizing: border-box; overflow: hidden; margin-right: 30px }
.htoBox .hForm input[type="text"] { width: 100%; height: 38px; line-height: 38px; font-size: 15px; padding: 0 40px 0 5px; box-sizing: border-box; border: none; background: none; }
.htoBox .hForm .btn { width: 40px; padding: 0; height: 40px; background: #208bdf url(../../images/common/ss.png) no-repeat center; background-size: 25px; position: absolute; right: 0px; top: 0px; border: none; cursor: pointer; }
.htoBox .hot li:hover a { color: #208bdf; }
/*------------------------------------------------------------
	conts
------------------------------------------------------------*/

#conts { }
/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/

#sideBar { }
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/

#gFooter { padding: 40px 0 0; background: #208bdf; overflow: hidden; color: #fff; }
#gFooter .fl .nav { width: 220px; margin-right: 40px; overflow: hidden; }
#gFooter .fl .nav li { width: 110px; float: left; text-align: center; }
#gFooter .fl .nav li a { line-height: 36px; color: #fff; }
#gFooter .fl p { line-height: 36px; }
#gFooter .fr img { width: 150px; }
#gFooter .tex { line-height: 40px; font-size: 13px; text-align: center; border-top: 1px solid #eee; letter-spacing: 2px; margin-top: 40px; }
.fixed { position: fixed; right: 0; top: 60%; z-index: 200 }
.fixed li { border-bottom: 1px solid #ddd; }
.fixed li a { display: block; position: relative; }
.fixed li p { width: 150px; line-height: 52px; text-align: center; font-size: 18px; position: absolute; right: -200px; top: 0; background: #63a9df; transform: translateX(200px); transition: 0.6s; z-index: 201; color: #fff; border-right: 1px solid #fff; }
.fixed li span { display: block; width: 52px; height: 52px; overflow: hidden; position: relative; z-index: 202 }
.fixed li span img { width: 52px; transition: 0.6s; }
.fixed li:hover span img { margin-top: -52px; }
.fixed li:hover p { right: 52px; transform: translateX(0px); }
.sp { display: none !important; }
.proBox .fr .proShow img {
    width: 100% !important;
    height: inherit !important;
}

 @media all and (max-width: 1200px) {
.container { width: 85%; padding: 0 10px }
#gHeader .heaTop { line-height: 36px; height: 36px; }
#gHeader .heaTop .fr a { line-height: 14px; }
#gHeader .heaMidd { padding: 10px 0; }
#gHeader .heaMidd .logo { width: 350px; }
#gHeader .heaMidd .tel span.icon { width: 35px; margin-right: 8px; margin-top: 10px; }
#gHeader .heaMidd .tel .text { float: left; }
#gHeader .heaMidd .tel p { font-size: 14px; }
#gHeader .heaMidd .tel strong { font-size: 22px; }
#gHeader .heaMidd .text1 { line-height: 27px; }
#gHeader .heaMidd .text1 strong { font-size: 19px; }
#gHeader .heaMidd .text1 p { font-size: 16px; }
/*------------------------------------------------------------
		gNavi
	------------------------------------------------------------*/
	/* #gNavi .container {
		width: 100%;
	} */
#gNavi { height: 45px; line-height: 45px; text-align: center; }
#gNavi li { width: auto; float: none; display: inline-block; }
#gNavi li a { font-size: 14px; padding: 0 15px }
#gNavi li .drop { top: 45px; right: inherit; width: 150px; }
#gNavi li .drop a { font-size: 14px; text-align: left; }
.htoBox { padding: 15px 0 }
.htoBox .hot li { font-size: 14px; line-height: 30px; }
.htoBox .hot li img { width: 16px; margin-right: 5px; }
.htoBox .hot li a { padding: 0 6px; font-size: 13px; }
.htoBox .hForm { width: 250px; height: 30px; right: 10px; }
.htoBox .hForm input[type="text"] { height: 28px; line-height: 30px; font-size: 14px; padding: 0 30px 0 5px; }
.htoBox .hForm .btn { width: 30px; height: 30px; }
}
 @media all and (min-width:768px) and (max-width: 1023px) {
.container { width: 90% }
#gHeader .heaTop .fl { font-size: 12px; }
#gHeader .heaTop .fr a { font-size: 12px; padding: 0 8px }
#gNavi { line-height: 35px; height: 35px; }
#gNavi li a { padding: 0 10px }
#gNavi li .drop { top: 35px; }
#gFooter .fl .nav li a { font-size: 13px; }
#gFooter .fl p { font-size: 13px; }
#gFooter .fl .nav { margin-right: 0; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
input { appearance: none; -webkit-appearance: none; border-radius: 0; }
.sp { display: block !important; }
.pc { display: none !important; }
.fl { float: inherit; }
.fr { float: inherit; }
.container { width: 100%; padding: 0 15px }
#main { padding-top: 50px; }
/*------------------------------------------------------------
		头部
	------------------------------------------------------------*/
#container { transition: 0.3s; }
#container.on { -webkit-transform: translateX(200px); transform: translateX(200px); }
#gHeader .heaTop { display: none; }
#gHeader .menu { width: 30px; position: fixed; left: 10px; top: 11px; z-index: 101; }
#gHeader .heaMidd { padding: 6px 0; position: fixed; left: 0; right: 0; top: 0; background: #fff; z-index: 100; border-bottom: 1px solid #ddd; }
#gHeader .heaMidd .logo { width: 254px; margin: 0 auto }
#gHeader .heaMidd .logo h1 { line-height: 1; }
#gHeader .heaMidd .tel { position: absolute; right: 10px; top: 11px; z-index: 101 }
#gHeader .heaMidd .tel span.icon { float: inherit; width: 30px; margin-right: 0px; margin-top: 0px; }
#gHeader .heaMidd .tel { padding-top: 0 }
#gHeader .heaMidd .tel .text { display: none; }
/*------------------------------------------------------------
		gNavi
	------------------------------------------------------------*/
#gNavi { height: inherit; line-height: 40px; position: fixed; left: -200px; top: 0px; bottom: 0; background: #333; z-index: 999; width: 200px; padding-top: 50px; transition: 0.3s; }
#gNavi.on { left: -200px }
/* #gNavi .close {
		position: absolute;
		right: 0px;
		top: 0px;
		color: #fff;
		font-size: 28px;
		line-height: 40px;
		width: 40px;
		text-align: center;
	} */
#gNavi .container { padding: 0 }
#gNavi li { width: 100%; float: inherit; box-sizing: border-box; text-align: left; }
#gNavi li a { padding-left: 20px; }
#gNavi li:hover>a { background: inherit; }
#gNavi li .drop { top: 0px; position: relative; width: 100%; }
#gNavi li .drop a { line-height: 40px; font-size: 14px; padding-left: 30px; }
#gNavi li.dropdown>a { margin-right: 40px; }
#gNavi li span.btn { display: none !important; }
#gNavi li.dropdown span.btn { display: block; position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(../../images/common/jt.png) no-repeat center; background-size: 18px; z-index: 100; display: block !important; }
.htoBox { padding: 10px 0 }
.htoBox .hot { margin-right: 0px; }
.htoBox .hot li { font-size: 13px; line-height: 25px; }
.htoBox .hot li:first-child { display: block; }
.htoBox .hot li img { width: 15px; margin-right: 3px; }
.htoBox .hot li a { padding: 0 6px; font-size: 14px; }
.htoBox .container { position: relative; }
.htoBox .hForm { width: 100%; height: 36px; position: inherit; right: inherit; top: inherit; }
.htoBox .hForm input[type="text"] { width: 100%; height: 36px; line-height: 36px; font-size: 14px; padding: 0 36px 0 8px; }
.htoBox .hForm .btn { width: 36px; height: 36px; background-size: 22px; }
.htoBox .hot li:hover a { color: #208bdf; }
#gFooter { padding: 20px 0 0; }
#gFooter .fl .nav { width: 100%; margin-right: 0px; }
#gFooter .fl .nav li { width: 25%; }
#gFooter .fl .nav li a { line-height: 28px; }
#gFooter .fl p { line-height: 28px; padding-left: 4%; }
#gFooter .fr img { width: 120px; display: block; margin: 10px auto 0 }
#gFooter .tex { line-height: 20px; margin-top: 20px; font-size: 12px; }
}

@media (max-width: 767px) and (min-width: 0){
.proBox .fl .card {
    display: none;
	
}

}